// house_pkg/pages/locate/index.ts
// 导入qq地图sdk实例
import qqMap from '../../../utils/qqmap'
console.log('sdk实例：', qqMap)
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 位置信息
    address: '',
    // 当前位置小区列表
    list: []
  },
  // 1. 页面加载默认定位
  async getLocation () {
    // 说明：latitude 纬度+longitude 经度=》表示位置
    const { latitude, longitude } = await wx.getLocation();
    console.log('用户默认位置信息：', latitude, longitude)
    this.getAddress(latitude, longitude)
  },
  // 2. 用户手动选择一个位置
  async chooseLocation () {
    const { latitude, longitude } = await wx.chooseLocation();
    console.log('用户选择的位置信息：', latitude, longitude)
    this.getAddress(latitude, longitude)
  },
  // 使用qq地图sdk实例解析经纬度
  getAddress (latitude, longitude) {
    // 1. 显示loading
    wx.showLoading({
      title: '正在解析地址...'
    });
    // 2. 调用reverseGeocoder方法解析
    qqMap.reverseGeocoder({
      //Object格式
      location: {
        latitude, longitude
      },
      success: (res) => {
        console.log('解析结果：', res.result.address)
        this.setData({
          address: res.result.address
        })
        wx.hideLoading();

      }
    })

    // 3. 搜索当前位置附近小区
    // 调用接口
    qqMap.search({
      keyword: '住宅小区',  //搜索关键词
      location: {
        latitude, longitude
      },  //设置周边搜索中心点
      page_size: 6,
      success: (res) => {
        console.log('搜索结果：', res.data)
        this.setData({
          list: res.data
        })
      },
      fail: function (res) {
        console.log(res);
      },
      complete: function (res) {
        console.log(res);
      }
    });

  },

  // 跳转选择楼号
  goBuilding (ev) {
    console.log('获取mark参数：', ev.mark.title)
    wx.navigateTo({
      url: `/house_pkg/pages/building/index?point=${ev.mark.title}`
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad () {
    this.getLocation()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage () {

  }
})